<template>
  <div  style="min-width: 800px;">
    <el-row :gutter="24">
      <el-col :span="16" style="height: calc(100vh - 50px);">
<!--        <img :src="eb" :height="imgHeight">-->
        <img :src="eb" style="height: 100%; width: 100%">
      </el-col>
      <el-col :span="8" >
        <div class="menu">
          <p @click="enterChildPage('aboveScale')">
            <span class="menuIndex">1</span>
            <span class="separator">|</span>
            <span class="pageName"> 规上企业</span>
          </p>
          <p @click="enterChildPage('key')">
            <span class="menuIndex">2</span>
            <span class="separator">|</span>
            <span class="pageName"> 产值超亿元重点企业</span>
          </p>
          <p @click="enterChildPage('foreign')">
            <span class="menuIndex">3</span>
            <span class="separator">|</span>
            <span class="pageName"> 外资企业</span>
          </p>
          <p @click="enterChildPage('highTechnology')">
            <span class="menuIndex">4</span>
            <span class="separator">|</span>
            <span class="pageName"> 高新技术企业</span>
          </p>
          <p @click="enterChildPage('specialized')">
            <span class="menuIndex">5</span>
            <span class="separator">|</span>
            <span class="pageName"> 专精特新企业</span>
          </p>
          <p @click="enterChildPage('annovation')">
            <span class="menuIndex">6</span>
            <span class="separator">|</span>
            <span class="pageName"> 企业技术创新载体</span>
          </p>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import eb from '@/assets/enterprise-background.png'
export default {
  data() {
    return {
      eb: eb + '?' + +new Date()
    }
  },
  mounted() {
  },
  beforeDestroy() {
  },
  methods: {
    enterChildPage(page){
      this.$router.push('/business/enterprise/' + page)
    }
  }
}
</script>

<style>
  .menuIndex{
    font-size: 27px;
    color: #D5C8A0;
  }
  .separator{
    font-size: 30px;
    color: #BBBBBB;
  }
  .menu p{
    margin:50px
  }
  .menu p {
  &:hover {
    cursor: pointer;
    .pageName {
      color: gray;
    }
  }
}
  /* .menu p span{
    font-size: 25px
  } */
  .pageName{
    font-size: 25px
  }
  .menu{
    position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
  }
</style>
